// 定义记分牌类
class ScorePanel{
  // score和level用来记录分数和等级
  score = 0;
  level = 1;
  // 最大等价
  maxLevel:number
  // 多少分升一级
  levelScore:number

  // 分数和等级所在的元素，在构造函数中进行初始化
  scoreEle:HTMLElement
  levelEle:HTMLElement

  constructor(maxLevel:number=10,levelScore:number=5){
    this.scoreEle = document.getElementById('score')!
    this.levelEle = document.getElementById('level')!
    this.maxLevel = maxLevel
    this.levelScore = levelScore
  }

  // 设置一个加法的方法
  addScore(){
    this.scoreEle.innerHTML = ++this.score+""
    // 判断分数是多少
    if(this.score % this.levelScore === 0){
      this.addLevelEle()
    }
  }
  // 设置一个加等级方法
  addLevelEle(){
    if(this.level<this.maxLevel){
      this.levelEle.innerHTML = ++this.level+""
    }
  }
}

export default ScorePanel